<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>作业5</title>
		<style>
	
			div a{
				background-color: black;
				font-family: "微软雅黑";
				font-weight: bold;
				font-size: 30px;
				color: white;
			}
			div{
				width: 100%;
				margin-bottom: 10px;
			}
			div p{
				display: none;
			}

		</style>
	</head>
	<body>
		<div id="a1">
			<ul>
				<li><a href="#" id="a" style="text-decoration:none ">林徽因简介</a>
					<p id="c">
					林徽因，女，汉族，原名林徽音，出生于浙江杭州，祖籍福建福州。中国著名建筑家、诗人、作家。人民英雄纪念碑和中华人民共和国国徽深化方案的设计者
					林徽因是建筑师梁思成的第一任妻子。三十年代初，与夫婿梁思成用现代科学方法研究方法研究中国古代建筑，成为这个学术领域的开拓者。
					</p>
				</li>
				<li><a href="#" id="b"  style="text-decoration:none ">主要作品</a>
						<p id="d">
					《你是人间四月天》<br />
《宝莲灯》<br />
《九十九度中》
</p>
				</li>
			</ul>
		</div>
		<script src="../jquery-1.12.4.js" type="text/javascript"></script>
		<script>
			$(function(){
				$("ul li").css({"list-style":"none"})
				$("p").hide();
				$("#a").click(function(){
					$("#c").toggle();
				});
				$("#b").click(function(){
					$("#d").toggle();
				});  
				
			})
		</script>
	</body>
</html>
